﻿<!DOCTYPE html>
<html>
<!--index6-压力容器多个图表-->
<!--滚动单页面。屏幕适配-->
<head lang="en">
    <meta charset="UTF-8">
    <title>压力容器数据分析</title>
    <!--通用CSS样式引入-->
    <link rel="stylesheet" href="css/public.css"/>
    <!-- CSS样式引入-->
    <link rel="stylesheet" href="css/style-index.css" media ="screen and (min-width: 1920px)"/>
    <link rel="stylesheet" href="css/style-index1366.css" media ="screen and (min-width: 1366px) and (max-width: 1919px)"/>
    <link rel="stylesheet" href="css/style-index1280.css" media ="screen and (max-width: 1365px)"/>
    <!--SS样式引入-->
    <link rel="stylesheet" href="css/jquery.mCustomScrollbar.css"/>
    <!--jQuery库引入-->
    <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
    <!--基于1920分辨率适应 JS引入-->
    <!-- <script type="text/javascript" src="js/type1920.js"></script> -->
    <!-- JS引入-->
    <script type="text/javascript" src="js/jc.js"></script>
    <script type="text/javascript" src="js/highlights.js"></script>
    <script type="text/javascript" src="js/jquery.mCustomScrollbar.concat.min.js"></script>
    <!-- JS引入及json数据-->
    <script type="text/javascript" src="js/matrix.js"></script>
    <script type="text/javascript" src="data/hotinfo-data.json"></script>
    <!--图标插件-->
    <script src="js/echarts.min.js"></script>
</head>
<body>
    <div class="cb-container">
        <!--图表0-->
        <div class="cb-zz-container">
            <!--header-->
            <div class="zz-head-ct ">
            <!--<div class="cb-ld-header">-->
                <h1 class="jt-hd-sp">压力容器数据分析</h1>
            </div>
            <!--end header-->
            <div class="cb-zz-head"></div>
            <!--标题-->
            <div class="cb-title cb-po">
                <div class="cb-title-l"></div>
                <div class="cb-title-c">
                    <img class="cb-title-icon" src="" width="10" height="10" alt="">
                    <span>特检单位报告数据量前15名</span>
                </div>
                <div class="cb-title-r"></div>
            </div>
            <!--总数-->
            <div class="zz-num">
                <div class="zz-head-wz">
                    <span class="wz-sp">压力容器检测报告总数据量</span>
                    <span class="wz-num">22万+</span>
                </div>
            </div>
            <!--main-->
            <div class="zz-main-con">
                <!---->
                <div class="zz-con-bk">
                    <div class="zz-con-ct zz-fl-bac"></div>
                    <div class="zz-ct-bk">
                        <!--<img src="images/cb-dp-img02.png"/>-->
                    </div>
                    <div class="zz-ct-sp dw-ct-sp">
                        <p>
                            <img src="images/cb-chart-icon01.png"/>
                            <label>安徽省特检</label>
                            <span>59056</span>
                        </p>

                        <p>
                            <img src="images/cb-chart-icon02.png"/>
                            <label>淮南市特检</label>
                            <span>15082</span>
                        </p>

                        <p>
                            <img src="images/cb-chart-icon03.png"/>
                            <label>芜湖市特检</label>
                            <span>14565</span>
                        </p>

                        <p>
                            <img src="images/cb-chart-icon07.png"/>
                            <label>滁州市特检</label>
                            <span>14514</span>
                        </p>
                        <p>
                            <img src="images/cb-chart-icon07.png"/>
                            <label>宣城市特检</label>
                            <span>14078</span>
                        </p>
                    </div>
                    <div class="zz-con-ft">1-5名</div>
                </div>
                <!---->
                <div class="zz-con-bk">
                    <div class="zz-con-ct zz-dw-bac"></div>
                    <div class="zz-ct-bk">
                        <!--<img src="images/cb-dp-img03.png"/>-->
                    </div>
                    <div class="zz-ct-sp dw-ct-sp">
                        <p>
                            <img src="images/cb-chart-icon07.png"/>
                            <label>铜陵市特检</label>
                            <span>13187</span>
                        </p>

                        <p>
                            <img src="images/cb-chart-icon08.png"/>
                            <label>阜阳市特检</label>
                            <span>12566</span>
                        </p>

                        <p>
                            <img src="images/cb-chart-icon09.png"/>
                            <label>安庆市特检</label>
                            <span>11557</span>
                        </p>

                        <p>
                            <img src="images/cb-chart-icon10.png"/>
                            <label>马鞍山市特检</label>
                            <span>10982</span>
                        </p>

                        <p>
                            <img src="images/cb-chart-icon12.png"/>
                            <label>淮北市特检</label>
                            <span>10537</span>
                        </p>
                    </div>
                    <div class="zz-con-ft">6-10名</div>
                </div>
                <!---->
                <div class="zz-con-bk">
                    <div class="zz-con-ct zz-fl-bac"></div>
                    <div class="zz-ct-bk">
                        <!--<img src="images/cb-dp-img04.png"/>-->
                    </div>
                    <div class="zz-ct-sp dw-ct-sp">
                        <p>
                            <img src="images/cb-chart-icon04.png"/>
                            <label>蚌埠市特检</label>
                            <span>9999</span>
                        </p>

                        <p>
                            <img src="images/cb-chart-icon05.png"/>
                            <label>黄山市特检</label>
                            <span>7939</span>
                        </p>

                        <p>
                            <img src="images/cb-chart-icon06.png"/>
                            <label>六安市特检</label>
                            <span>7769</span>
                        </p>
                        <p>
                            <img src="images/cb-chart-icon06.png"/>
                            <label>池州市特检</label>
                            <span>7201</span>
                        </p>
                        <p>
                            <img src="images/cb-chart-icon06.png"/>
                            <label>宿州市特检</label>
                            <span>5642</span>
                        </p>
                    </div>
                    <div class="zz-con-ft">10-15名</div>
                </div>
            </div>
            <!--end main-->
        </div>
        <!-------------------------->
        <!--图表104-->
        <div class="cb-hot-container">
            <!--标题-->
            <div class="cb-title cb-hot-po">
                <div class="cb-title-l"></div>
                <div class="cb-title-c">
                    <img class="cb-title-icon" src="" width="35" height="35" alt="">
                    <span>各检验单位的检验结论统计</span>
                </div>
                <div class="cb-title-r"></div>
            </div>
            <!---->
            <div id="tubiao104" style=""></div>
            <script src="js/tubiao104.js"></script>
            <!--<script src="js/tubiao111.js"></script>-->
            <script type="text/javascript">
                var myChart104 = echarts.init(document.getElementById('tubiao104'));
                myChart104.setOption(option104);
                // 动态调整大小。窗口大小变化监听。
                window.addEventListener('resize', () => {
                    myChart104.resize()
                })
            </script>
        </div>
        <!-------------------------->
        <!--+++++++++++++++++++++++-->
        <!--地图-->
        <div class="cb-hot-container">
            <!--标题-->
            <div class="cb-title cb-hot-po">
                <div class="cb-title-l"></div>
                <div class="cb-title-c">
                    <img class="cb-title-icon" src="" width="35" height="35" alt="">
                    <span>使用单位地址所属城市检验报告数量分布</span>
                </div>
                <div class="cb-title-r"></div>
            </div>
            <!---->
            <div id="tubiao2" style=""></div>
            <script src="js/ditu.js"></script>
            <script type="text/javascript">
                var myChart1 = echarts.init(document.getElementById('tubiao2'));
                myChart1.setOption(option5);
                // 动态调整大小。窗口大小变化监听。
                window.addEventListener('resize', () => {
                    myChart1.resize()
                })
            </script>
        </div>
        <!-------------------------->
        <!-------------------------->
        <!--图表110-->
        <div class="cb-hot-container">
            <!--标题-->
            <div class="cb-title cb-hot-po">
                <div class="cb-title-l"></div>
                <div class="cb-title-c">
                    <img class="cb-title-icon" src="" width="35" height="35" alt="">
                    <span>报告数量前30名使用单位的合格情况分析</span>
                </div>
                <div class="cb-title-r"></div>
            </div>
            <!---->
            <div id="tubiao110" style=""></div>
            <script src="js/tubiao110.js"></script>
            <script type="text/javascript">
                var myChart110 = echarts.init(document.getElementById('tubiao110'));
                myChart110.setOption(option110);
                // 动态调整大小。窗口大小变化监听。
                window.addEventListener('resize', () => {
                    myChart110.resize()
                })
            </script>
        </div>
        <!-------------------------->
        <!-------------------------->
        <!--图表106-->
        <div class="cb-hot-container">
            <!--标题-->
            <div class="cb-title cb-hot-po">
                <div class="cb-title-l"></div>
                <div class="cb-title-c">
                    <img class="cb-title-icon" src="" width="35" height="35" alt="">
                    <span>压力容器的检验结论统计</span>
                </div>
                <div class="cb-title-r"></div>
            </div>
            <!---->
            <div id="tubiao106" style=""></div>
            <script src="js/tubiao106.js"></script>
            <script type="text/javascript">
                var myChart106 = echarts.init(document.getElementById('tubiao106'));
                myChart106.setOption(option106);
                // 动态调整大小。窗口大小变化监听。
                window.addEventListener('resize', () => {
                    myChart106.resize()
                })
            </script>
        </div>
        <!-------------------------->
        <!-------------------------->
        <!--图表108-->
        <div class="cb-hot-container">
            <!--标题-->
            <div class="cb-title cb-hot-po">
                <div class="cb-title-l"></div>
                <div class="cb-title-c">
                    <img class="cb-title-icon" src="" width="35" height="35" alt="">
                    <span>容器种类的检验结论统计</span>
                </div>
                <div class="cb-title-r"></div>
            </div>
            <!---->
            <div id="tubiao108" style=""></div>
            <script src="js/tubiao108.js"></script>
            <script type="text/javascript">
                var myChart108 = echarts.init(document.getElementById('tubiao108'));
                myChart108.setOption(option108);
                // 动态调整大小。窗口大小变化监听。
                window.addEventListener('resize', () => {
                    myChart108.resize()
                })
            </script>
        </div>
        <!-------------------------->
        <!-------------------------->
        <!--图表105-->
        <div class="cb-hot-container">
            <!--标题-->
            <div class="cb-title cb-hot-po">
                <div class="cb-title-l"></div>
                <div class="cb-title-c">
                    <img class="cb-title-icon" src="" width="35" height="35" alt="">
                    <span>内装介质与检验结论的关系分析</span>
                </div>
                <div class="cb-title-r"></div>
            </div>
            <!---->
            <div id="tubiao105" style=""></div>
            <script src="js/tubiao105.js"></script>
            <script type="text/javascript">
                var myChart105 = echarts.init(document.getElementById('tubiao105'));
                myChart105.setOption(option105);
                // 动态调整大小。窗口大小变化监听。
                window.addEventListener('resize', () => {
                    myChart105.resize()
                })
            </script>
        </div>
        <!-------------------------->
        <!--容器检验类别情况-->
        <div class="cb-hot-container">
            <!--标题-->
            <div class="cb-title cb-hot-po">
                <div class="cb-title-l"></div>
                <div class="cb-title-c">
                    <img class="cb-title-icon" src="" width="35" height="35" alt="">
                    <span>检验类别热力分布</span>
                </div>
                <div class="cb-title-r"></div>
            </div>
            <!---->
            <div id="resizable2" style=""></div>
            <script src="js/zhuzhuang3.js"></script>
            <!--<script src="js/tubiao112.js"></script>-->
            <script type="text/javascript">
                var myChart3 = echarts.init(document.getElementById('resizable2'));
                myChart3.setOption(option);
                // 动态调整大小。窗口大小变化监听。
                window.addEventListener('resize', () => {
                    myChart3.resize()
                })
            </script>
        </div>
        <!-------------------------->
        <!--+++++++++++++++++++++++-->
        <!--图表103-->
        <div class="cb-hot-container">
            <!--标题-->
            <div class="cb-title cb-hot-po">
                <div class="cb-title-l"></div>
                <div class="cb-title-c">
                    <img class="cb-title-icon" src="" width="35" height="35" alt="">
                    <span>全面检验的检验结论统计</span>
                </div>
                <div class="cb-title-r"></div>
            </div>
            <!---->
            <div id="tubiao103" style=""></div>
            <script src="js/tubiao103.js"></script>
            <script type="text/javascript">
                var myChart103 = echarts.init(document.getElementById('tubiao103'));
                myChart103.setOption(option103);
                // 动态调整大小。窗口大小变化监听。
                window.addEventListener('resize', () => {
                    myChart103.resize()
                })
            </script>
        </div>
        <!--图表-->
        <div class="cb-ld-container">
            <!--标题-->
            <div class="cb-title cb-pol">
                <div class="cb-title-l"></div>
                <div class="cb-title-c">
                    <img class="cb-title-icon" src="" width="35" height="35" alt="">
                    <span>制造年份的检验报告数量趋势</span>
                </div>
                <div class="cb-title-r"></div>
            </div>
            <div class="ld-main-rt">
                <div id="resizable3" style=""></div>
                <script src="js/zhuzhuang4.js"></script>
                <!--<script src="js/tubiao113.js"></script>-->
                <script type="text/javascript">
                    var myChart4 = echarts.init(document.getElementById('resizable3'));
                    myChart4.setOption(option4);
                    // 动态调整大小。窗口大小变化监听。
                    window.addEventListener('resize', () => {
                        myChart4.resize()
                    })
                </script>
            </div>

        </div>
        <!-------------------------->
        <!--图表109-->
        <div class="cb-hot-container">
            <!--标题-->
            <div class="cb-title cb-hot-po">
                <div class="cb-title-l"></div>
                <div class="cb-title-c">
                    <img class="cb-title-icon" src="" width="35" height="35" alt="">
                    <span>制造日期与检验结论关系分析</span>
                </div>
                <div class="cb-title-r"></div>
            </div>
            <div class="ld-main-rt">
                <!---->
                <div id="tubiao109" style=""></div>
                <script src="js/tubiao109.js"></script>
                <script type="text/javascript">
                    var myChart109 = echarts.init(document.getElementById('tubiao109'));
                        myChart109.setOption(option109);
                        // 动态调整大小。窗口大小变化监听。
                        window.addEventListener('resize', () => {
                            myChart109.resize()
                    })
                </script>
            </div>
            <div class="cb-footer-lf"></div>
            <div class="cb-footer-rt"></div>
            <!-------------------------->
            <script type="text/javascript">
                // function click(){
                //     if(event.button==2){
                //         alert( '本网站欢迎您 !!');
                //     }
                // }
                // document.onmousedown=click
            </script>

    </div>
</body>
</html>
